.container {
	.van-nav-bar {
		position: relative;
		z-index: 1;
		line-height: 22px;
		text-align: center;
		background-color: #fff;
		-webkit-user-select: none;
		user-select: none;

		.van-nav-bar__content {
			position: relative;
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			-webkit-box-align: center;
			-webkit-align-items: center;
			align-items: center;
			height: 46px;

			.van-nav-bar__left {
				position: absolute;
				top: 0;
				bottom: 0;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				padding: 0 16px;
				font-size: 14px;
				cursor: pointer;
				left: 0;
			}
		}
	}

	.view-router {
		background-color: #f2f2f2;
		height: 46vh;
		overflow-y: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;

		.screen-swiper {
			min-height: 430px;
		}

		.uni-swiper-dot {
			background-color: #CFE3F8;
		}

		.uni-swiper-dot-active {
			background-color: #1989FA;
		}
	}

	.item_cell_group {
		margin-bottom: 15px;
		background-color: #fff;

		.van-cell {
			position: relative;
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			box-sizing: border-box;
			width: 100%;
			padding: 10px 16px;
			overflow: hidden;
			color: #323233;
			font-size: 14px;
			line-height: 24px;
			background-color: #fff;

			.van-cell__value {
				position: relative;
				overflow: hidden;
				color: #969799;
				text-align: right;
				vertical-align: middle;
				word-wrap: break-word;
				color: #323233;
				text-align: left;

				.item-title {
					line-height: 1.4;
				}

				.item_intro {
					line-height: 18px;
					margin: 5px 0;
					font-size: 12px;
					color: #999;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
				}

				.item_price {
					font-size: 20px;
					color: #db3d3c;
					margin-right: 10px;
				}

				.item_market_price {
					color: #999;
					text-decoration: line-through;
					font-size: 12px;
				}
			}
		}
	}

	.item_cell_group1 {
		margin-bottom: 15px;

		.van-cell-group1 {
			background-color: #fff;

			.van-cell {
				position: relative;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				box-sizing: border-box;
				width: 100%;
				padding: 10px 16px;
				overflow: hidden;
				color: #323233;
				font-size: 14px;
				line-height: 24px;
				background-color: #fff;
				cursor: pointer;

				.van-cell__title {
					vertical-align: middle;
					-webkit-box-flex: 1;
					-webkit-flex: 1;
					flex: 1;
				}

				.van-cell__value {
					position: relative;
					overflow: hidden;
					color: #969799;
					text-align: right;
					vertical-align: middle;
					word-wrap: break-word;
				}

				image {
					width: 14px;
					height: 24px;
				}
			}
		}

		.popup_one {
			.van-sku-container {
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-flex-direction: column;
				flex-direction: column;
				-webkit-box-align: stretch;
				-webkit-align-items: stretch;
				align-items: stretch;
				min-height: 50%;
				max-height: 80%;
				overflow-y: visible;
				font-size: 14px;
				background: #fff;
				border-radius: 16px 16px 0 0;
				z-index: 2150;

				.van-sku-header {
					display: -webkit-box;
					display: -webkit-flex;
					display: flex;
					-webkit-flex-shrink: 0;
					flex-shrink: 0;
					margin: 0 16px;

					.van-image {
						position: relative;
						display: inline-block;
						flex-shrink: 0;
						width: 96px;
						height: 96px;
						margin: 12px 12px 12px 0;
						overflow: hidden;
						border-radius: 4px;

						.van-image__img {
							display: block;
							width: 100%;
							height: 100%;
						}
					}

					.van-sku-header__goods-info {
						display: flex;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						-webkit-flex-direction: column;
						flex-direction: column;
						-webkit-box-pack: end;
						-webkit-justify-content: flex-end;
						justify-content: flex-end;
						padding: 12px 20px 12px 0;

						.van-sku__goods-price {
							margin-left: -2px;
							color: #ee0a24;

							.van-sku__price-symbol {
								font-size: 16px;
								vertical-align: bottom;
							}

							.van-sku__price-num {
								font-weight: 500;
								font-size: 22px;
								vertical-align: bottom;
								word-wrap: break-word;
							}
						}

						.van-sku-header-item {
							margin-top: 8px;
							color: #969799;
							font-size: 12px;
							line-height: 16px;
						}
					}
				}

				.van-sku-body {
					-webkit-box-flex: 1;
					-webkit-flex: 1 1 auto;
					flex: 1 1 auto;
					min-height: 282px;
					overflow-y: scroll;
					-webkit-overflow-scrolling: touch;

					.van-sku-group-container {
						padding-top: 12px;

						.van-sku-row {
							margin: 0 16px 0px 12px;

							.van-sku-row__title {
								padding-bottom: 12px
							}

							.van-sku-row__item {
								display: inline-flex;
								-webkit-box-align: center;
								-webkit-align-items: center;
								align-items: center;
								-webkit-box-pack: center;
								-webkit-justify-content: center;
								justify-content: center;
								min-width: 40px;
								margin: 0 12px 12px 0;
								font-size: 13px;
								line-height: 16px;
								vertical-align: middle;
								color: #ee0a24;
								position: relative;
								overflow: hidden;
								border-radius: 4px;
								cursor: pointer;
								background-color: #FCDDE1;

								.van-sku-row__item-name {
									z-index: 1;
									padding: 8px;
								}
							}
						}
					}

					.van-sku-stepper-stock {
						padding: 12px 16px;
						overflow: hidden;
						line-height: 30px;

						.van-sku__stepper-title {
							float: left;
						}

						.van-stepper {
							float: right;
							padding-left: 4px;
							display: flex;
							align-items: center;
							border-radius: 5rpx;

							.minus,
							.plus {
								width: 50rpx;
								height: 50rpx;
								line-height: 50rpx;
								text-align: center;
								/* border-right: 1rpx solid #ccc; */
								cursor: pointer;
								background-color: #f3f3f4;
								margin: 0 2px;
								font-size: 20px;
								color: #999;
							}

							.plus {
								border: none;

							}

							.num-value {
								width: 50rpx;
								height: 50rpx;
								line-height: 50rpx;
								text-align: center;
								background-color: #f3f3f4;
							}
						}
					}
				}

				.van-sku-actions {
					display: flex;
					-webkit-flex-shrink: 0;
					flex-shrink: 0;
					padding: 8px 16px;

					.van-button {
						position: relative;
						display: inline-block;
						box-sizing: border-box;
						height: 44px;
						margin: 0;
						padding: 0;
						font-size: 16px;
						line-height: 1.2;
						text-align: center;
						border-radius: 2px;
						cursor: pointer;
						-webkit-transition: opacity .2s;
						transition: opacity .2s;
						-webkit-appearance: none;
						color: #fff;
						width: 100%;
						-webkit-box-flex: 1;
						-webkit-flex: 1;
						flex: 1;
						height: 40px;
						font-weight: 500;
						font-size: 14px;
						border: none;
						border-radius: 0;




						.van-button__content {
							display: flex;
							-webkit-box-align: center;
							-webkit-align-items: center;
							align-items: center;
							-webkit-box-pack: center;
							-webkit-justify-content: center;
							justify-content: center;
							height: 100%;
						}
					}

					.button_one {
						background: linear-gradient(90deg, #ffd01e, #ff8917);
						border-top-left-radius: 999px;
						border-bottom-left-radius: 999px;
						margin-left: 5px;
					}

					.button_two {
						background: linear-gradient(90deg, #ff6034, #ee0a24);
						border-top-right-radius: 999px;
						border-bottom-right-radius: 999px;
						margin-right: 5px;
					}

					.van-button:before {
						position: absolute;
						top: 50%;
						left: 50%;
						width: 100%;
						height: 100%;
						background-color: #000;
						border: inherit;
						border-color: #000;
						border-radius: inherit;
						-webkit-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
						opacity: 0;
						content: " ";
					}
				}
			}
		}

		.popup_two {
			position: fixed;
			max-height: 100%;
			overflow-y: auto;
			background-color: #fff;
			-webkit-transition: -webkit-transform .3s;
			transition: -webkit-transform .3s;
			transition: transform .3s;
			transition: transform .3s, -webkit-transform .3s;
			-webkit-overflow-scrolling: touch;
			bottom: 0;
			left: 0;
			width: 100%;

			.popup_wrap {
				position: relative;
				padding-bottom: 30px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				background-color: white;

				.cancel_popup {
					position: absolute;
					right: 15px;
					top: 15px;
					z-index: 9;
					font-size: 18px;
				}

				.popup_header {
					padding: 15px 0 30px 0;
					text-align: center;
				}

				.popup_content {
					min-height: 150px;
					max-height: 400px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					overflow-x: hidden;
					overflow-y: scroll;
					padding: 0 10px;
					line-height: 30px;

					.van-cell-group {
						background-color: #fff;

						.van-cell {
							position: relative;
							display: -webkit-box;
							display: -webkit-flex;
							display: flex;
							box-sizing: border-box;
							width: 100%;
							padding: 10px 16px;
							overflow: hidden;
							color: #323233;
							font-size: 14px;
							line-height: 24px;
							background-color: #fff;

							.van-cell__value {
								color: #323233;
								text-align: left;
								position: relative;
								overflow: hidden; 
								vertical-align: middle;
								word-wrap: break-word;
								width: 100%;

								.van-row {
									.van-col {
									    float: left;
									    box-sizing: border-box;
									    min-height: 1px;
									}
									.van-col-8 {
									    width: 33.33333333%;
									}
									.van-col-16 {
									    width: 66.66666667%;
									}
								}
							}
						}
					}
				}
			}
		}
	}

	.item_desc {
		background-color: #fff;

		.item_desc_title {
			position: relative;
			padding: 10px 0;
			text-align: center;
		}

		.img img {
			width: 100%;
			height: 100%;
		}

		.img p {
			margin-top: -4px;
		}
	}

	.van-goods-action {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		align-items: center;
		box-sizing: content-box;
		height: 50px;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		background-color: #fff;

		.van-goods-action-icon {
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
			flex-direction: column;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			min-width: 48px;
			height: 100%;
			color: #646566;
			font-size: 10px;
			line-height: 1;
			text-align: center;
			background-color: #fff;
			cursor: pointer;

			.van-goods-action-icon__icon {
				position: relative;
				width: 1em;
				margin: 0 auto 5px;
				color: #323233;
				font-size: 18px;

				image {
					width: 25px;
					height: 25px;
				}

				.van-info {
					position: absolute;
					top: 0;
					right: 0;
					box-sizing: border-box;
					min-width: 16px;
					padding: 0 3px;
					color: #fff;
					font-weight: 500;
					font-size: 12px;
					font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
					line-height: 1.2;
					text-align: center;
					background-color: #ee0a24;
					border: 1px solid #fff;
					border-radius: 16px;
					-webkit-transform: translate(50%, -50%);
					transform: translate(50%, -50%);
					-webkit-transform-origin: 100%;
					transform-origin: 100%;
				}
			}

			.van-goods-action-icon__icon {
				content: "\E681";
				display: inline-block;
			}
		}

		.van-button {
			position: relative;
			display: inline-block;
			box-sizing: border-box;
			height: 44px;
			margin: 0;
			padding: 0;
			font-size: 16px;
			line-height: 1.2;
			text-align: center;
			border-radius: 2px;
			cursor: pointer;
			-webkit-transition: opacity .2s;
			transition: opacity .2s;
			-webkit-appearance: none;
			color: #fff;
			width: 100%;
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			flex: 1;
			height: 40px;
			font-weight: 500;
			font-size: 14px;
			border: none;
			border-radius: 0;




			.van-button__content {
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				height: 100%;
			}
		}

		.button_one {
			background: linear-gradient(90deg, #ffd01e, #ff8917);
			border-top-left-radius: 999px;
			border-bottom-left-radius: 999px;
			margin-left: 5px;
		}

		.button_two {
			background: linear-gradient(90deg, #ff6034, #ee0a24);
			border-top-right-radius: 999px;
			border-bottom-right-radius: 999px;
			margin-right: 5px;
		}

		.van-button:before {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			height: 100%;
			background-color: #000;
			border: inherit;
			border-color: #000;
			border-radius: inherit;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			opacity: 0;
			content: " ";
		}
	}
}